<template>
  <div>
    <div v-for="(item, index) in tplData" :key="index">
      <diy-audio v-if="item.type ==15" :tplItemData="item.content"></diy-audio>
      <blank v-else-if="item.type ==11" :tplItemData="item.content"></blank>
      <bulletin v-else-if="item.type ==16" :tplItemData="item.content" ></bulletin>
      <card-list v-else-if="item.type ==21" :tplItemData="item.content"></card-list>
      <community v-else-if="item.type ==29" :tplItemData="item.content"></community>
      <cut-line v-else-if="item.type ==10" :tplItemData="item.content"></cut-line>
      <diy-module v-else-if="item.type ==3" :tplItemData="item.content"></diy-module>
      <editor v-else-if="item.type ==1" :tplItemData="item.content"></editor>
      <goods v-else-if="item.type ==4" :tplItemData="item.content" :tplAllData="item"></goods>
      <goods-cate v-else-if="item.type ==17" :tplItemData="item.content"></goods-cate>
      <goods-list v-else-if="item.type ==5" :tplItemData="item.content"></goods-list>
      <goods-sales v-else-if="item.type ==20 && JSON.stringify(item.content) != '{}'" :tplItemData="item.content"></goods-sales>
      <goods-search v-else-if="item.type ==6" :tplItemData="item.content"></goods-search>
      <img-adv v-else-if="item.type ==9" :tplItemData="item.content"></img-adv>
      <img-nav v-else-if="item.type ==8" :tplItemData="item.content"></img-nav>
      <min-type v-else-if="item.type ==18" :tplItemData="item.content"></min-type>
      <page-set v-else-if="item.type ==11" :tplItemData="item.content"></page-set>
      <pd-living v-else-if="item.type ==30" :tplItemData="item.content"></pd-living>
      <point-exchange v-else-if="item.type ==27" :tplItemData="item.content"></point-exchange>
      <pre-sell v-else-if="item.type ==31" :tplItemData="item.content"></pre-sell>
      <reco-goods v-else-if="item.type ==19" :tplItemData="item.content"></reco-goods>
      <sec-kill v-else-if="item.type ==28" :tplItemData="item.content"></sec-kill>
      <showcase v-else-if="item.type ==13" :tplItemData="item.content"></showcase>
      <slide-nav v-else-if="item.type ==22" :tplItemData="item.content"></slide-nav>
      <slide-top-nav v-else-if="item.type ==23" :tplItemData="item.content"></slide-top-nav>
      <store  v-else-if="item.type ==25" :tplItemData="item.content"></store>
      <text-nav v-else-if="item.type ==7" :tplItemData="item.content"></text-nav>
      <title-tpl v-else-if="item.type ==2" :tplItemData="item.content"></title-tpl>
      <top-menu v-else-if="item.type ==12" :tplItemData="item.content"></top-menu>
      <diy-video v-else-if="item.type ==14" :tplItemData="item.content"></diy-video>
      <city-mian v-else-if="item.type ==26" :tplItemData="item.content"></city-mian>
      <live-list v-else-if="item.type ==44" :tplItemData="item.content" :type="item.type"></live-list>
    </div>
  </div>
</template>

<script>
import diyAudio from '../../audio'
import blank from '../../blank'
import bulletin from '../../bulletin'
import cardList from '../../cardList'
import community from '../../community'
import cutLine from '../../cutLine'
import diyModule from '../../diyModule'
import editor from '../../editor'
import goods from '../../goods'
import goodsCate from '../../goodsCate'
import goodsList from '../../goodsList'
import goodsSales from '../../goodsSales'
import goodsSearch from '../../goodsSearch'
import imgAdv from '../../imgAdv'
import imgNav from '../../imgNav'
import minType from '../../minType'
import pageSet from '../../pageSet'
import pdLiving from '../../pdLiving'
import pointExchange from '../../pointExchange'
import preSell from '../../preSell'
import recoGoods from '../../recoGoods'
import secKill from '../../secKill'
import showcase from '../../showcase'
import slideNav from '../../slideNav'
import slideTopNav from '../../slideTopNav'
import store from '../../store'
import textNav from '../../textNav'
import titleTpl from '../../title'
import topMenu from '../../topMenu'
import diyVideo from '../../video'
import cityMian from '../../cityMain'
import liveList from '../../liveList'


import Vue from 'vue'
export default Vue.extend({
  props: {
    tplData: {
      type: Array,
      default() {
        return []
      }
    }
  },
  components: {
    diyAudio,
    blank,
    bulletin,
    cardList,
    community,
    cutLine,
    diyModule,
    editor,
    goods,
    goodsCate,
    goodsList,
    goodsSales,
    goodsSearch,
    imgAdv,
    imgNav,
    minType,
    pageSet,
    pdLiving,
    pointExchange,
    preSell,
    recoGoods,
    secKill,
    showcase,
    slideNav,
    slideTopNav,
    store,
    textNav,
    titleTpl,
    topMenu,
    diyVideo,
    cityMian,
    liveList
  }
})
</script>

<style>

</style>